<!DOCTYPE HTML>
<html lang="en-US">
<head>
	<meta charset="UTF-8">
	<meta http-equiv="x-ua-compatible" content="ie=edge">
	<title>Dreamhub - Interior-Design HTML5 Template</title>
	<meta name="description" content="">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<!-- Favicon -->
	
	<!-- bootstrap CSS -->
	<link rel="stylesheet" href="static/css/bootstrap.min.css" type="text/css" media="all">
	<!-- carousel CSS -->
	<link rel="stylesheet" href="static/css/owl.carousel.min.css" type="text/css" media="all">	
	<!-- animate CSS -->
	<link rel="stylesheet" href="static/css/animate.css" type="text/css" media="all">	
	<!-- animated-text CSS -->
	<link rel="stylesheet" href="static/css/animated-text.css" type="text/css" media="all">	
	<!-- font-awesome CSS -->
	<link rel="stylesheet" href="static/css/all.min.css" type="text/css" media="all">	
	<!-- font-flaticon CSS -->
	<link rel="stylesheet" href="static/css/flaticon.css" type="text/css" media="all">	
	<!-- theme-default CSS -->
	<link rel="stylesheet" href="static/css/theme-default.css" type="text/css" media="all">	
	<!-- meanmenu CSS -->
	<link rel="stylesheet" href="static/css/meanmenu.min.css" type="text/css" media="all">	
	<!-- Main Style CSS -->
	<link rel="stylesheet" href="static/css/style.css" type="text/css" media="all">
	<!-- transitions CSS -->
	<link rel="stylesheet" href="static/css/owl.transitions.css" type="text/css" media="all">
	<!-- venobox CSS -->
	<link rel="stylesheet" href="static/css/venobox.css" type="text/css" media="all">
	<!-- responsive CSS -->
	<link rel="stylesheet" href="static/css/responsive.css" type="text/css" media="all">
	<!-- modernizr js -->	
	<script src="static/js/modernizr-3.5.0.min.js"></script>	
	<!-- bootstrap icons -->
	<link rel="stylesheet" href="static/css/bootstrap-icons.css">

	
</head>
<body>
	<!-- loder -->
	<div class="loader-wrapper">
	  <div class="loader"></div>
	  <div class="loder-section left-section"></div>
	  <div class="loder-section right-section"></div>
	</div>


<!--==================================================-->
<!-- Start dreamhub Main Menu Area -->
<!--==================================================-->
<div id="sticky-header" class="dreamhub_nav_manu">
	<div class="container">
		<div class="row align-items-center">
			<div class="col-lg-3">
				<div class="logo">
					<a class="logo_img" href="index.html" title="dreamhub">
						<img src="static/picture/logo.png" alt="logo">
					</a>
					<a class="main_sticky" href="index.html" title="dreamhub">
						<img src="static/picture/logo.png" alt="astute">
					</a>
				</div>
			</div>
			<div class="col-lg-9">
				<nav class="dreamhub_menu">
					<ul class="nav_scroll">
						<li><a href="index.html">Home</a></li>
						<li><a href="#">Projects</a>
							<ul class="sub-menu">
								<li><a href="project.html">Project</a></li>
								<li><a href="project-details.html">Project-details</a></li>
							</ul>
						</li>
						<li><a href="#">Services</a>
							<ul class="sub-menu">
								<li><a href="service.html">Services</a></li>
								<li><a href="service-details.html">Service-details</a></li>
							</ul>
						</li>
						<li><a href="#">Pages</a>
							<ul class="sub-menu">
								<li><a href="">About Us</a></li>
								<li><a href="pricing.html">Pricing</a></li>
								<li><a href="team.html">Team</a></li>
								<li><a href="faq.html">faq</a></li>
								<li><a href="contact.html">Contact Us</a></li>
							</ul>
						</li>
						<li><a href="#">Blog</a>
							<ul class="sub-menu">
								<li><a href="blog-grid.html">Blog-Grid</a></li>
								<li><a href="blog-list.html">Blog-List</a></li>
								<li><a href="blog-2column.html">Blog-2Column</a></li>
								<li><a href="blog-details.html">Blog-Details</a></li>
							</ul>
						</li>
						<li><a href="#">Shop</a>
							<ul class="sub-menu">
								<li><a href="shop.html">Shop</a></li>
								<li><a href="Shop-details.html">Shop-details</a></li>
							</ul>
						</li>
					</ul>
					<div class="header-search">
						<div class="search">
							<form action="#" method="get">
								<input type="text" name="s" value="" placeholder="Search" title="Search for:">
								<button type="submit" class="icons">
									<i class="fa fa-search"></i>
								</button>
							</form>
						</div>
					</div>
				</nav>
			</div>
		</div>
	</div>
</div>
<!--==================================================-->
<!-- end dreamhub Main Menu Area -->
<!--==================================================-->

<!-- dreamhub Mobile Menu Area -->
<div class="mobile-menu-area sticky d-sm-block d-md-block d-lg-none ">
	<div class="mobile-menu">
		<nav class="dreamhub_menu">
			<ul class="nav_scroll">
				<li><a href="index.html">Home</a></li>
				<li><a href="#">Projects</a>
					<ul class="sub-menu">
						<li><a href="project.html">Project</a></li>
						<li><a href="project-details.html">Project-details</a></li>
					</ul>
				</li>
				<li><a href="#">Services</a>
					<ul class="sub-menu">
						<li><a href="service.html">Services</a></li>
						<li><a href="service-details.html">Service-details</a></li>
					</ul>
				</li>
				<li><a href="#">Pages</a>
					<ul class="sub-menu">
						<li><a href="">About Us</a></li>
						<li><a href="pricing.html">Pricing</a></li>
						<li><a href="team.html">Team</a></li>
						<li><a href="faq.html">faq</a></li>
						<li><a href="contact.html">Contact Us</a></li>
					</ul>
				</li>
				<li><a href="#">Blog</a>
					<ul class="sub-menu">
						<li><a href="blog-grid.html">Blog-Grid</a></li>
						<li><a href="blog-list.html">Blog-List</a></li>
						<li><a href="blog-2column.html">Blog-2Column</a></li>
						<li><a href="blog-details.html">Blog-Details</a></li>
					</ul>
				</li>
				<li><a href="#">Shop</a>
					<ul class="sub-menu">
						<li><a href="shop.html">Shop</a></li>
						<li><a href="Shop-details.html">Shop-details</a></li>
					</ul>
				</li>
			</ul>
			<div class="header-btn">
				<a href="contact-us.html">GET A FREE QUOTE</a>
			</div>
		</nav>
	</div>
</div>
<!--==================================================-->
<!-- End dreamhub Main Menu Area -->
<!--==================================================-->





<!--==================================================-->
<!-- start dreamhub breatcome Area -->
<!--==================================================-->



	<div class="breatcome-area d-flex align-items-center">
		<div class="container">
			<div class="row">
				<div class="col-md-12">
					<div class="breatcome-content">
						<div class="breatcome-title">
							<h1>About-Us</h1>
						</div>
						<div class="breatcome-text">
							<ul>
								<li><a href="index.html">Home /</a></li>
								<li>About-Us</li>
							</ul>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>

<!--==================================================-->
<!-- end dreamhub breatcome Area -->
<!--==================================================-->


<!--==================================================-->
<!-- start dreamhub about Area -->
<!--==================================================-->

	<div class="about-area">
		<div class="container">
			<div class="row align-items-center">
				<div class="col-lg-6">
					<div class="section-title text-left">
						<div class="section-sub-title">
							<h5>WELCOME TO</h5>
						</div>
						<div class="section-main-title">
							<h1>INTERIOR</h1>
							<h1>ARCHITECTURE</h1>
						</div>
						<div class="section-title-desc">
							<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis facilisis leo eget maximus in volutpat. Nulla eget bibendum urna, et vehicula ante. Donec et diam sodales, pellentesque est a, posuere ex. Curabitur mattis viverra semper.</p>
						</div>
					</div>
					<div class="row">
						<div class="col-lg-4 col-md-6">
							<div class="about-single-box">
								<div class="about-icon">
									<img src="static/picture/about-icon.png" alt="about-icon">
								</div>
								<div class="about-cntent">
									<h3 class="about-title">Residential Design</h3>
									<p class="about-desc">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis facilisis leo eget.</p>
								</div>
							</div>
						</div>
						<div class="col-lg-4 col-md-6">
							<div class="about-single-box">
								<div class="about-icon">
									<img src="static/picture/about-icon2.png" alt="about-icon">
								</div>
								<div class="about-cntent">
									<h3 class="about-title">Residential Design</h3>
									<p class="about-desc">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis facilisis leo eget.</p>
								</div>
							</div>
						</div>
						<div class="col-lg-4 col-md-6">
							<div class="about-single-box">
								<div class="about-icon">
									<img src="static/picture/about-icon3.png" alt="about-icon">
								</div>
								<div class="about-cntent">
									<h3 class="about-title">Industrial Design</h3>
									<p class="about-desc">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis facilisis leo eget.</p>
								</div>
							</div>
						</div>
					</div>
				</div>
				<div class="col-lg-6">
					<div class="about-thumb">
						<img src="static/picture/about-img.png" alt="about-img">
					</div>
				</div>
			</div>
		</div>
	</div>

	

<!--==================================================-->
<!-- end dreamhub about Area -->
<!--==================================================-->






<!--==================================================-->
<!-- Start dreamhub counter Area -->
<!--==================================================-->


	<div class="counter-area">
		<div class="container">
			<div class="row">
				<div class="col-lg-3 col-md-6">
					<div class="single-counter-box">
						<div class="counter-number">
							<h2 class="counter">1015</h2>
							<h2>+</h2>
						</div>
						<div class="counter-text">
							<span>Hours of Works</span>
						</div>
					</div>
				</div>
				<div class="col-lg-3 col-md-6">
					<div class="single-counter-box">
						<div class="counter-number">
							<h2 class="counter">201</h2>
							<h2>+</h2>
						</div>
						<div class="counter-text">
							<span>Projects Complete</span>
						</div>
					</div>
				</div>
				<div class="col-lg-3 col-md-6">
					<div class="single-counter-box">
						<div class="counter-number">
							<h2 class="counter">821</h2>
							<h2>+</h2>
						</div>
						<div class="counter-text">
							<span>Cups of Coffee</span>
						</div>
					</div>
				</div>
				<div class="col-lg-3 col-md-6">
					<div class="single-counter-box">
						<div class="counter-number">
							<h2 class="counter">520</h2>
							<h2>+</h2>
						</div>
						<div class="counter-text">
							<span>Slice of Pizza</span>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>

<!--==================================================-->
<!-- end dreamhub counter Area -->
<!--==================================================-->



<!--==================================================-->
<!-- start dreamhub team Area -->
<!--==================================================-->


	<div class="team-area">
		<div class="container">
			<div class="row">
				<div class="col-lg-3 col-md-6">
					<div class="team-single-box">
						<div class="team-thumb">
							<img src="static/picture/team1.jpg" alt="team-1-1">
							<div class="team-social-icon">
								<ul>
									<li><a href="#"><i class="bi bi-twitter"></i></a></li>
									<li><a href="#"><i class="bi bi-instagram"></i></a></li>
									<li><a href="#"><i class="fab fa-facebook-f"></i></a></li>
									<li><a href="#"><i class="fab fa-linkedin-in"></i></a></li>
								</ul>
							</div>
						</div>
						<div class="team-content">
							<span class="team-text">DESIGNER</span>
							<h3 class="team-title">David Cooper</h3>
						</div>
					</div>
				</div>
				<div class="col-lg-3 col-md-6">
					<div class="team-single-box">
						<div class="team-thumb">
							<img src="static/picture/team2.jpg" alt="team-1-1">
							<div class="team-social-icon">
								<ul>
									<li><a href="#"><i class="bi bi-twitter"></i></a></li>
									<li><a href="#"><i class="bi bi-instagram"></i></a></li>
									<li><a href="#"><i class="fab fa-facebook-f"></i></a></li>
									<li><a href="#"><i class="fab fa-linkedin-in"></i></a></li>
								</ul>
							</div>
						</div>
						<div class="team-content">
							<span class="team-text">DEVELOPER</span>
							<h3 class="team-title">Razaul Karim</h3>
						</div>
					</div>
				</div>
				<div class="col-lg-3 col-md-6">
					<div class="team-single-box">
						<div class="team-thumb">
							<img src="static/picture/team3.jpg" alt="team-1-1">
							<div class="team-social-icon">
								<ul>
									<li><a href="#"><i class="bi bi-twitter"></i></a></li>
									<li><a href="#"><i class="bi bi-instagram"></i></a></li>
									<li><a href="#"><i class="fab fa-facebook-f"></i></a></li>
									<li><a href="#"><i class="fab fa-linkedin-in"></i></a></li>
								</ul>
							</div>
						</div>
						<div class="team-content">
							<span class="team-text">DESIGNER</span>
							<h3 class="team-title">Santo mia</h3>
						</div>
					</div>
				</div>
				<div class="col-lg-3 col-md-6">
					<div class="team-single-box">
						<div class="team-thumb">
							<img src="static/picture/team4.jpg" alt="team-1-1">
							<div class="team-social-icon">
								<ul>
									<li><a href="#"><i class="bi bi-twitter"></i></a></li>
									<li><a href="#"><i class="bi bi-instagram"></i></a></li>
									<li><a href="#"><i class="fab fa-facebook-f"></i></a></li>
									<li><a href="#"><i class="fab fa-linkedin-in"></i></a></li>
								</ul>
							</div>
						</div>
						<div class="team-content">
							<span class="team-text">DEVELOPER</span>
							<h3 class="team-title">Raju Khan</h3>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>


<!--==================================================-->
<!-- end dreamhub team Area -->
<!--==================================================-->







<!--==================================================-->
<!-- Start dreamhub Footer Area -->
<!--==================================================-->
		<div class="footer-area">
			<div class="container">
				<div class="row">
					<div class="col-lg-4 col-md-6">
						<div class="footer-widget">
							<div class="footer-widget-logo">
								<a href="index.html"><img src="static/picture/logo2.png" alt="logo"></a>
							</div>
							<div class="footer-widget-text">
								<p>Showcase projects with Archicon especially made for architecture & interior design.</p>
							</div>
							<div class="footer-widget-social">
								<a href="#"><i class="bi bi-instagram"></i></a>
								<a href="#"><i class="fab fa-linkedin-in"></i></a>
								<a href="#"><i class="bi bi-youtube"></i></a>
								<a href="#"><i class="bi bi-behance"></i></a>
							</div>
						</div>
					</div>
					<div class="col-lg-4 col-md-6">
						<div class="footer-widget left">
							<div class="widget-title">
								<h2>Contacts</h2>
							</div>
							<ul>
								<li><a href="#"><i class="fas fa-map-marker-alt"></i> 411 University St, Seattle, USA</a></li>
								<li><a href="#"><i class="fas fa-envelope"></i> theratio_simpil@mail.com</a></li>
								<li><a href="#"><i class="fas fa-phone-alt"></i> +1 800 456 789 123</a></li>
							</ul>
						</div>
					</div>
					<div class="col-lg-4 col-md-6">
						<div class="footer-widget right">
							<div class="widget-title">
								<h2>Subscribe</h2>
							</div>
							<div class="subscribe-form">
								<form>
									<div class="form-field">
										<input type="email" name="EMAIL" placeholder="Email" required="">
										<button class="subscribe-button" type="submit">Subscribe</button>
									</div>
								</form>
							</div>
							<div class="footer-widget-right-desc">
								<p>Follow our newsletter to stay updated about agency.</p>
							</div>
						</div>
					</div>
				</div>
		    </div>
	    </div>
	
<!--==================================================-->
<!-- end dreamhub Footer Area -->
<!--==================================================-->



<!--==================================================-->
<!-- Start dreamhub copyright Area -->
<!--==================================================-->

		<div class="copyright-area">
			<div class="container">
				<div class="row">
					<div class="col-lg-12">
						<div class="footer-copyright-text">
							<p></p>
						</div>
					</div>
				</div>
			</div>
		</div>


<!--==================================================-->
<!-- end dreamhub copyright Area -->
<!--==================================================-->


<!--==================================================-->
<!-- Start Search Popup Area -->
<!--==================================================-->
<div class="search-popup">
	<button class="close-search style-two"><span class="flaticon-multiply"><i class="far fa-times-circle"></i></span></button>
	<button class="close-search"><i class="bi bi-arrow-up-short"></i></button>
	<form method="post" action="#">
		<div class="form-group">
			<input type="search" name="search-field" value="" placeholder="Search Here" required="">
			<button type="submit"><i class="fa fa-search"></i></button>
		</div>
	</form>
</div>
<!--==================================================-->
<!-- Start Search Popup Area -->
<!--==================================================-->



<!--==================================================-->
<!-- Start scrollup section Area -->
<!--==================================================-->
<!-- scrollup section -->
<div class="scroll-area">
	<div class="top-wrap">
		<div class="go-top-btn-wraper">
			<div class="go-top go-top-button">
				<i class="fas fa-arrow-up"></i>
				<i class="fas fa-arrow-up"></i>
			</div>
		</div>
	</div>
</div>
<!--==================================================-->
<!-- Start scrollup section Area -->
<!--==================================================-->
	
	
	<!-- jquery js -->	
	<script src="static/js/jquery-3.6.2.min.js"></script>
	<!-- bootstrap js -->	
	<script src="static/js/bootstrap.min.js"></script>
	<!-- carousel js -->
	<script src="static/js/owl.carousel.min.js"></script>
	<!-- counterup js -->
	<script src="static/js/jquery.counterup.min.js"></script>
	<!-- waypoints js -->
	<script src="static/js/waypoints.min.js"></script>
	<!-- wow js -->
	<script src="static/js/wow.js"></script>
	<!-- imagesloaded js -->
	<script src="static/js/imagesloaded.pkgd.min.js"></script>
	<!-- venobox js -->
	<script src="static/js/venobox.js"></script>
	<!--  animated-text js -->	
	<script src="static/js/animated-text.js"></script>
	<!-- venobox min js -->
	<script src="static/js/venobox.min.js"></script>
	<!-- isotope js -->
	<script src="static/js/isotope.pkgd.min.js"></script>
	<!-- jquery meanmenu js -->	
	<script src="static/js/jquery.meanmenu.js"></script>
	<!-- jquery scrollup js -->	
	<script src="static/js/jquery.scrollUp.js"></script>
	<!-- theme js -->	
	<script src="static/js/theme.js"></script>
	<script src="static/js/jquery.barfiller.js"></script>
	<!-- jquery js -->		
</body>
</html>